
@import "base.css";


body {font-family: "Microsoft YaHei";background: #fff;font-size:17px;line-height:1.6;color: #fff;word-wrap: break-word;word-break: break-word}
a { color: #666;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
a:hover {color: #00549c;}


.container{ width: 1000px; margin: auto;background: #ee760d}

.title{font-size:40px; color: #fff;margin-bottom:2%;text-align: center;padding: 70px 0 30px ;line-height: 1.1}
.title span{font-size:72px; display: block;font-weight: bold;}

.box1,.box2,.box3,.box4{padding-left: 5%;padding-right: 5%}
.box1{ font-size: 26px;}
.box2{padding-bottom: 100px;}
.box2 ul li.li1{width:100%;margin-bottom: 4%}
.box2 ul li.li2{width: 48%;float:left;margin-right: 4%}
.box2 ul li.li3{width: 48%;float:left;}

.box3{background: #040000; line-height: 2;}
.box3 .title,.box3 ul li h3{color: #ee760d;}
.box3 ul.jmList li h3{font-size:26px;}
.box3 ul.jmList li{ float: left;width: 48%;margin: 20px 1%;color: #595757;}
.box3 ul.jmList li .con{ background: #fff;}
.box3 ul.jmList li .img{width: 40%;float: left;}
.box3 ul.jmList li .txt{width: 60%;float: right;text-align: center;padding-top: 10px;}

.jmCon ul li{width:28%;display: inline-block;margin: 20px 1%;padding: 0 10px;background: #fff; color: #595757; height:225px;line-height: 1.5  }
.jmCon ul li .ico{width: 54px;margin:20px auto;}
.jmCon ul li .ico .iconfont{font-size:34px; color: #ee760d; line-height: 1.5;position: relative;}
.jmCon ul li .ico .iconfont:after{content:" ";display: block;position: absolute;width:16px;height:2px;background: #ee760d;bottom: -10px;left: 50%;margin-left: -8px;}



.jmCon ul li em{ color: #fff;font-size:20px;display:inline-block;background: #ee760d;width:142px;text-align:center;line-height:2;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;margin-bottom: 15px;}
.jmCon ul li p{font-size:14px;}



.box4 ul li{background: #302a2a;margin-bottom: 5px;}
.box4 ul li .img{ width:60%;float: left}
.box4 ul li .txt{ width:30%;float: left;padding:30px 3% 0 7%;}
.box4 ul li .txt h3{font-size: 30px;line-height: 80px;}

.box5{ padding: 0 15%}

.book{padding: 5% 0}
.bookL{background: #ffffff;color: #3a3a3a;font-size: 14px;width:30%;float: left;padding:30px 2% 45px}
.bookL .t{color: #ffffff;background: #ee760d;margin: auto;width: 80%; line-height: 2;font-size: 16px;font-weight: bold;}
.bookL p{margin-top: 20px;}
.bookL p span{font-size: 16px; font-weight: bold}

.bookR{float: right;width: 60%;color: #fff;font-size: 12px;}
.bookR h4{font-size: 20px; }
.bookR .bookt{width:50px;text-align-last:justify; text-align:justify; font-size: 14px; font-weight: bold;float:left;margin-right: 5px;}
.bookR ul li{margin-top: 25px; line-height: 40px;}
.bookR ul li .liL{width: 49%;float: left}
.bookR ul li .liR{width: 49%;float: right}
.bookR ul li .inputs{float: left;background: #f9c29c;border: 0; height: 40px;width:calc(100% - 55px);width:-webkit-calc(100% - 55px);width:-moz-calc(100% - 55px);box-sizing: border-box;}
.bookR ul li .inputs.yzm{ width: 50%}
.bookR ul li .btn{ color: #ee760d;background: #fff;width: 200px;text-align: center;border: 0; height: 40px; font-weight: bold; font-size: 18px;}

.foot .container{background: #171717;}

@media screen and (max-width:1199px) {
    body {font-size: 16px;}
    .container{ width:1000px;}

    .title{font-size:30px;padding:50px 0 30px}
    .title span{font-size:46px;}




}

@media screen and (max-width:1000px) {
    body {font-size: 16px;}
    .container {width:100%}

    .title{font-size:20px;padding:30px 0 20px}
    .title span{font-size:26px;}


}


@media screen and (max-width:567px) {
    body {font-size: 12px;}

    .title{font-size:14px;padding:30px 0 20px}
    .title span{font-size:18px;}
    .box1,.box2,.box3,.box4,.box5{padding-left:1%;padding-right: 1%}

    .box1 {font-size: 16px;}
    .box3 ul.jmList li h3{font-size:16px;}
    .box3 ul.jmList li{ float: none;width:98%;margin: 20px 1%;color: #595757;}
    .box3 ul.jmList li .con{ background: #fff;}
    .box3 ul.jmList li .img{width: 40%;float: left;}
    .box3 ul.jmList li .txt{width: 60%;float: right;text-align: center;padding-top: 10px;}

    .jmCon ul li{width:42%;height:210px;padding: 0 1%; }
    .jmCon ul li .ico{margin:15px auto }
    .jmCon ul li em{font-size:16px;padding:0 10px;    width: auto;}
    .jmCon ul li p{font-size:12px;}

    .box4 ul li{margin-bottom: 15px;}
    .box4 ul li .img{ width:100%;float: none;margin: auto}
    .box4 ul li .txt{ width:98%;float: none;padding:10px 2%;}
    .box4 ul li .txt h3{font-size:16px;line-height:26px;text-align: center}



    .bookL{font-size: 12px;width:96%;float: none;padding:20px 2% 25px}
    .bookL .t{font-size: 14px;}

    .bookL p{margin-top: 10px;}
    .bookL p span{font-size: 14px;}

    .bookR{float: none;width:100%;margin-top: 15px;}
    .bookR h4{font-size:16px; }

    .bookR .bookt{width:50px; font-size: 12px;margin-right: 5px;}
    .bookR ul li{margin-top:15px; line-height: 30px;}
    .bookR ul li .liL,.bookR ul li .liR{width:100%;float: none;margin-top: 15px; height: 30px;}

    .bookR ul li .inputs{height:30px;width:calc(100% - 55px);width:-webkit-calc(100% - 55px);width:-moz-calc(100% - 55px);box-sizing: border-box;}


}



